<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/popper.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/comm.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<header>
			<iframe class="iframe_header" scrolling="no" src="header.html" ></iframe>
		</header>
		<div class="container mt-3">
			<!-- 轮播图 -->
			<div class="carousel" id="demo" data-ride="carousel">
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img class="w-100" src="img/index/banner1.png" >
					</div>
					<div class="carousel-item">
						<img class="w-100" src="img/index/banner2.png" >
					</div>
					<div class="carousel-item">
						<img class="w-100" src="img/index/banner3.png" >
					</div>
					<div class="carousel-item">
						<img class="w-100" src="img/index/banner4.png" >
					</div>
				</div>
				<ul class="carousel-indicators">
					<li data-target="#demo" data-slide-to="0" class="active"></li>
					<li data-target="#demo" data-slide-to="1"></li>
					<li data-target="#demo" data-slide-to="2"></li>
					<li data-target="#demo" data-slide-to="3"></li>
				</ul>
				<a data-slide="next" href="#demo" class="carousel-control-next">
					<span class="carousel-control-next-icon"></span>
				</a>
				<a data-slide="prev" href="#demo" class="carousel-control-prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
			</div>
			<!-- 1L -->
			<p class="mt-2 border-bottom pb-2" >
				<img src="img/index/computer_icon.png" >
				<span class="h4 ml-3"> 首页推荐 /1F</span>
			</p>
			<div class="row no-gutters">
				<div class="col-sm-12 col-lg-7">
					<div class="top_height mr-lg-1 mb-1">
						<div class="pt-5 pl-5 d-flex flex-column w-50">
							<p class="h2 font-weight-normal mb-0">Apple MacBook Air系列</p>
							<p class="small text-muted">酷睿双核i5处理器|256GB SSD|8GB内存|英特尔HD显卡620含共享显卡内存</p>
							<p class="h4 text-primary font-weight-normal">￥6988.00</p>
							<a class="btn btn-primary w-50" href="#">查看详情</a>
						</div>
						<img class="float-right img_1L_1" src="img/index/study_computer_img1.png" >
					</div>
				</div>
				<div class="col-sm-12 col-lg-5">
					<div class="top_height mb-1"></div>
				</div>
				<div class="col-sm-12 col-lg-5">
					<div class="bottom_height mr-lg-1 mb-sm-1 mb-lg-0"></div>
				</div>
				<div class="col-sm-12 col-lg-7">
					<div class="row no-gutters">
						<div class="col-4">
							<div class="bottom_height mr-1"></div>
						</div>
						<div class="col-4">
							<div class="bottom_height mr-1">
								<div class="d-flex flex-column align-items-center">
									<img class="img_1L_5 w-100" src="img/index/study_computer_img5.png" >
									<p class="small mb-1">联想小新700 电竞版游戏本</p>
									<p class="text-primary h4">￥6299.00</p>
									<a class="btn btn-primary btn-sm" href="#">查看详情</a>
									
								</div>
							</div>
						</div>
						<div class="col-4">
							<div class="bottom_height"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- 2L -->
			<!-- 3L -->
		</div>
		<footer>
			<iframe class="iframe_footer" scrolling="no" src="footer.html" ></iframe>
		</footer>
	</body>
</html>